<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>主页</title>
	<link rel="stylesheet" type="text/css" href="js/bootstrap-3.3.7/css/bootstrap.min.css"/>
	<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
	<style type="text/css">
		body{
			padding: 0;
			margin: 0;
		}
		table th{
			background-color: #eee;
		}
	</style>
</head>
<body>
	<div class="container">
		<div class="col-md-3 col-sm-4" style="border-right: 1px dashed #ccc;">
			<div class="panel-group" id="accordion">
				<div class="panel panel-default">
					<div class="panel-heading">
						<h4 class="panel-title">
							<a href="#collapseOne" data-toggle="collapse" data-parent="#accordion">个人中心</a>
						</h4>
					</div>
					<div id="collapseOne" class="panel-collapse collapse in">
						<div class="list-group">
						    <a class="list-group-item active" href="my-index.html">我的资料</li>
						    <a class="list-group-item" href="my-message.html">消息中心</a>
						    <a class="list-group-item" href="my-parents.html">家长管理</a>
						    <a class="list-group-item" href="my-address.html">地址管理</a>
						    <a class="list-group-item" href="my-score.html">我的成绩</a>
						    <a class="list-group-item" href="my-score.html">日常行为</a>
						    <a class="list-group-item" href="my-downs.html">资料下载</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="col-md-9 col-sm-8">
			<form action="" method="post">
				<table class="table table-bordered table-hover">
					<tr>
						<th colspan="5">基本信息</th>
					</tr>
					<tr>
						<td>姓名:</td>
						<td>霍德明</td>
						<td>身份证号码:</td>
						<td>430526xxxxxxxxxxx7</td>
						<td rowspan="3" style="width: 100px;">
							<img src="img/photo.jpg" class="img-responsive"/>
						</td>
					</tr>
					<tr>
						<td>身份证地址:</td>
						<td colspan="3">
							<!--<div class="form-inline container-fluid">
								<div class="col-sm-3 input-group">
									<select class="form-control" name="sheng">
										<option value="">湖南</option>
										<option value="">湖北</option>
										<option value="">广东</option>
									</select>
									<div class="input-group-addon">省</div>
								</div>
								<div class="col-sm-4 input-group">
									<select class="form-control" name="shi">
										<option value="">邵阳</option>
										<option value="">邵东</option>
										<option value="">隆回</option>
									</select>
									<div class="input-group-addon">市</div>
								</div>
								<div class="col-sm-4 input-group">
									<select class="form-control" name="qu">
										<option value="">大祥</option>
										<option value="">双清</option>
										<option value="">北塔</option>
									</select>
									<div class="input-group-addon">区/县</div>
								</div>
							</div>
							<div class="container-fluid">
								<input class="form-control" placeholder="请输入详细地址"  type="text" name="addr" id="addr" value="" />
							</div>-->
							湖南省邵阳市武冈市文坪镇半岭村5组18号
						</td>
					</tr>
					<tr>
						<td>性别:</td>
						<td>男</td>
						<td>出生年月:</td>
						<td>1981-11-08</td>
					</tr>
				</table>
				<table class="table table-bordered table-hover">
					<tr>
						<th colspan="4">联系方式</th>
					</tr>
					<tr>
						<td>固定电话:</td>
						<td>0739-4592199</td>
						<td>手机:</td>
						<td>18973973799</td>
					</tr>
					<tr>
						<td>QQ号码:</td>
						<td>56928691</td>
						<td>电子邮箱:</td>
						<td>huodeming1@163.com</td>
					</tr>
				</table>
				<table class="table table-bordered table-hover">
					<tr>
						<th colspan="4">辅助信息</th>
					</tr>
					<tr>
						<td>所在班级</td>
						<td colspan="3">长沙鲲鹏11班</td>
					</tr>
					<tr>
						<td>所在宿舍</td>
						<td colspan="3">11栋101室</td>
					</tr>
				</table>
				<!--<input type="submit" value=""/>-->
			</form>
		</div>
	</div>
		
	
</body>
<script src="js/bootstrap-3.3.7/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>

</html>